
import React, { CSSProperties, FC } from 'react'
import { renderIconDefinitionToSVGElement } from '../helpers'

interface IconProps {
    width?: string
    height?: string
    className?: string
    style?: CSSProperties
}

const AudioMuted: FC<IconProps> = ({
    width = '1em',
    height = '1em',
    className,
    style,
}) => {
    const svgHTMLString = renderIconDefinitionToSVGElement({"icon":{"tag":"svg","attrs":{"viewBox":"64 64 896 896","focusable":"false"},"children":[{"tag":"defs","attrs":{},"children":[{"tag":"style","attrs":{}}]},{"tag":"path","attrs":{"d":"M682 455V311l-76 76v68c-.1 50.7-42 92.1-94 92a95.8 95.8 0 01-52-15l-54 55c29.1 22.4 65.9 36 106 36 93.8 0 170-75.1 170-168z"}},{"tag":"path","attrs":{"d":"M833 446h-60c-4.4 0-8 3.6-8 8 0 140.3-113.7 254-254 254-63 0-120.7-23-165-61l-54 54a334.01 334.01 0 00179 81v102H326c-13.9 0-24.9 14.3-25 32v36c.1 4.4 2.9 8 6 8h408c3.2 0 6-3.6 6-8v-36c0-17.7-11-32-25-32H547V782c165.3-17.9 294-157.9 294-328 0-4.4-3.6-8-8-8zm13.1-377.7l-43.5-41.9a8 8 0 00-11.2.1l-129 129C634.3 101.2 577 64 511 64c-93.9 0-170 75.3-170 168v224c0 6.7.4 13.3 1.2 19.8l-68 68A252.33 252.33 0 01258 454c-.2-4.4-3.8-8-8-8h-60c-4.4 0-8 3.6-8 8 0 53 12.5 103 34.6 147.4l-137 137a8.03 8.03 0 000 11.3l42.7 42.7c3.1 3.1 8.2 3.1 11.3 0L846.2 79.8l.1-.1c3.1-3.2 3-8.3-.2-11.4zM417 401V232c0-50.6 41.9-92 94-92 46 0 84.1 32.3 92.3 74.7L417 401z"}}]},"name":"audio-muted","theme":"normal"}, {
        extraSVGAttrs: { width, height, fill: 'currentColor' }
    });

    return <span 
        style={{
            display: 'flex',
            ...style,
        }} 
        className={className} 
        dangerouslySetInnerHTML={{
            __html: svgHTMLString
        }}>
    </span>
}

export default AudioMuted;